<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){

		$("#hide").click(function(){			
			$("p").hide(1000);
		});

		$("#show").click(function() {
			/* Act on the event */
			$("p").show();
		});


	});
		
	</script>

</head>
<body>
	<p id="p1"> 如果点击“隐藏”按钮，我就会消失。</p>
	<button id="hide" type="button">隐藏</button>
	<button id="show" type="button">显示</button>
</body>
</html>